<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/decorators/taglib.jsp"%>
<%@ include file="/decorators/header.jsp"%>
<%@ page language="java" import="java.util.*" %>


<html>
<header>
	
</header>
<script>
function refreshimg()
{
 $("#validateCodeId").attr("src","${pageContext.request.contextPath}/servlet/ImageServlet?"+new Date().getTime());
}
$(function()
    {
      $("#queryForm").validationEngine();
      $('.ui-button-exp').button();
    });
	function Login()
	{
	 $("#exp_menu_form").submit();
	}
</script>
<style>

#tab tr, td {
    border-top: 0px solid #E7E7E7;
	height: 50px;
  
}

img {
    border: 0 none;
    height: 25px;
    max-width: 100%;
    vertical-align: none;
}
</style>
<body data-spy="scroll" data-target=".bs-docs-sidebar" data-twttr-rendered="true">
	<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    
                </div>
            </div>
        </div>
	
	 <header class="jumbotron subhead" id="overview">
            <div class="container">
                <h1>jQuery UI Bootstrap</h1>
                <p class="lead">A Bootstrap-themed kickstart for jQuery UI widgets (v0.5).</p>
            </div>
        </header>
	  	  
	
	<div class="container">
	   <div class="loginbackground"></div>
       <div class="login">
	     <form id="exp_menu_form" action="${pageContext.request.contextPath}/expuser/explogin.action" method="post">
		   <table>
		    <tr><td colspan="3" class="two" align="center">
                            <span style="color:red">   ${errorMessage} </span> 
                            </td>     
							</tr>
		    <tr>
			<td>User Name:</td>
			<td colspan="2"><input id="loginname" class="validate[optional]" type="text" value="" name="loginname"></td>
			</tr>
			<tr>
			<td>Password:</td>
			<td colspan="2"><input  type="password" id="password" class="validate[optional]" type="text" value="" name="password"></td>
			</tr>
			<tr>
			<td>Validate Code:</td>
			<td><input  type="text" id="validateCode" class="validate[optional]" style="width:145px" type="text" value="" name="validateCode"></td>
			<td>
			 <div class="vcode" onclick="refreshimg();"><img id="validateCodeId" width="50px" src="${pageContext.request.contextPath}/servlet/ImageServlet?random='<%=new Date()%>'" /></div>
            </td>
			</tr>
			<tr><td colspan="3" class="two" align="center">
                                                                                                          
                                <input type="reset" class="ui-button-exp" value="Reset" />&nbsp;    
								<input type="button" class="ui-button-exp" value="Forgot Password" onclick="cancle();"/>&nbsp;	
                                <input type="button" class="ui-button-exp" value="Login" onclick="Login();"/>&nbsp;   								
                            </td>     
							</tr>
		  </table>
	     </form>
	   </div>
    </div>

	
	
	<footer class="footer">
		<div class="container">
			<p>Experience Web &copy; lvxiaohuai 2012 - 2013.</p>

			<ul class="footer-links">
				<li><a href="http://addyosmani.com/blog/">Blog</a></li>
				<li class="muted">&middot;</li>
				<li><a
					href="https://github.com/addyosmani/jquery-ui-bootstrap/issues?state=open">Issues</a></li>
			</ul>
		</div>

	</footer>

</body>
</html>
